<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
    		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
		<link rel="stylesheet" type="text/css" href=""/>
		<link href="../../css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="../../css/checkS.css"/>
	</head>
	<body>
		<!--
        	作者：13616045651@163.com
        	时间：2017-04-01
        	描述：眉页
        -->
		<div class="guideTital">
			<div class="">
				<nav aria-label="...">
					<!--
            			作者：13616045651@163.com
            			时间：2017-04-02
            			描述：回退按钮
            		-->
				  <ul class="pager">
				    <li class="previous"><a href="javascript:history.go(-1);"><span aria-hidden="true">&larr;</span> Older</a></li>
				  </ul>
				</nav>
			</div>
			<!--
            	作者：13616045651@163.com
            	时间：2017-04-02
            	描述：允许和删除操作；
            		点击允许，弹窗输入管理员密码，匹配，执行操作记录登记的操作
            		点击删除，弹窗输入管理员密码，匹配，执行删除操作记录
            -->
			<div class="operate">
				<button type="button" class="btn btn-success" data-toggle="modal" data-target="#exampleModal">Agree</button>
				<button type="button" class="btn btn-danger" data-toggle="modal" data-target="#exampleModal">Delete</button>
			</div>
			<!--
            	作者：13616045651@163.com
            	时间：2017-04-02
            	描述：客服ID下拉框选择，选择该客服ID的所有操作记录
            -->
			<div class="dropdown">
				<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
			    	选择客服ID
			    	<span class="caret"></span>
			  	</button>
				<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
					<li>
						<a href="#">张三</a>
					</li>
					<li>
						<a href="#">李四</a>
					</li>
					<li>
						<a href="#">王五</a>
					</li>
				</ul>
			</div>
			<!--
            	作者：13616045651@163.com
            	时间：2017-04-02
            	描述：搜索功能；
            		选择操作类型，和日期，搜索相关的操作记录
            		都为空，输出所有记录
            -->
			<div class="select">
				<select class="form-control" name="checkSclass">
					<option value=""></option>
					<option value="客户信息操作">客户信息操作</option>
					<option value="客户标签操作">客户标签操作</option>
					<option value="活动安排操作">活动安排操作</option>
					<option value="购物记录操作">购物记录操作</option>
					<option value="聊天记录操作">聊天记录操作</option>
				</select>
			</div>
			<div class="datetime">
				<input type="date" class="form-control" id="dataSearch">
			</div>
			<div class="searchB">
				<button type="submit" class="btn btn-primary">Search</button>
			</div>
			<!--
            	作者：13616045651@163.com
            	时间：2017-04-02
            	描述：计算客服ID下操作记录状态为待审核的数量
            		管理员为所有人的数量
            -->
			<div class="customerQty">
				待审核 <span class="badge" id="customerBadge">12</span>
			</div>
			<div class="clear"></div>
		</div>
		<!--
        	作者：13616045651@163.com
        	时间：2017-04-02
        	描述：客服操作记录数据表，主内容
        		展示顺序为待审核状态的在前面，已通过在后面
        -->
		<div class="panel panel-default">
		  	<div class="panel-heading">客服操作记录表</div>
		  	<table class="table table-hover">
				<tr>
					<th><input type="checkbox" name="orderID" id="orderID" /></th>
					<th>客服ID</th>
					<th>操作类型</th>
					<th>点击按钮</th>
					<th>客户ID</th>
					<th>操作时间</th>
					<th>更改内容</th>
				</tr>
				<tr>
					<td><input type="checkbox" name="orderID" id="orderID" /></td>
					<td>UROK001</td>
					<td>客户信息操作</td>
					<td>添加</td>
					<td>好好聚聚时</td>
					<td>2017-3-24-18:30:44</td>
					<td>
						<textarea class="form-control" rows="3">姓名，性别，出生日期，电话，微信号，省份，城市，详细地址，常用平台</textarea>
					</td>
				</tr>
				<tr>
					<td><input type="checkbox" name="orderID" id="orderID" /></td>
					<td>UROK001</td>
					<td>客户信息操作</td>
					<td>更新</td>
					<td>好好聚聚时</td>
					<td>2017-3-24-18:30:44</td>
					<td>
						<textarea class="form-control" rows="3">姓名，性别，出生日期，电话，微信号，省份，城市，详细地址，常用平台</textarea>
					</td>
				</tr>
				<tr>
					<td><input type="checkbox" name="orderID" id="orderID" /></td>
					<td>UROK001</td>
					<td>购物记录操作</td>
					<td>删除</td>
					<td>好好聚聚时</td>
					<td>2017-3-24-18:30:44</td>
					<td>
						<textarea class="form-control" rows="3"></textarea>
					</td>
				</tr>
				<tr>
					<td><input type="checkbox" name="orderID" id="orderID" /></td>
					<td>UROK001</td>
					<td>客户标签操作</td>
					<td>更新</td>
					<td>好好聚聚时</td>
					<td>2017-3-24-18:30:44</td>
					<td>
						<textarea class="form-control" rows="3">老师，结婚，奖金5万</textarea>
					</td>
				</tr>
				<tr>
					<td><input type="checkbox" name="orderID" id="orderID" /></td>
					<td>UROK001</td>
					<td>聊天记录操作</td>
					<td>添加</td>
					<td>好好聚聚时</td>
					<td>2017-3-24-18:30:44</td>
					<td>
						<textarea class="form-control" rows="3"></textarea>
					</td>
				</tr>
		  	</table>
		</div>
		<!--
        	作者：13616045651@163.com
        	时间：2017-04-02
        	描述：翻页控件
        -->
		<div class="page">
		 <nav aria-label="Page navigation">
		  <ul class="pagination">
		    <li>
		      <a href="#" aria-label="Previous">
		        <span aria-hidden="true">&laquo;</span>
		      </a>
		    </li>
		    <li><a href="#">1</a></li>
		    <li><a href="#">2</a></li>
		    <li><a href="#">3</a></li>
		    <li><a href="#">4</a></li>
		    <li><a href="#">5</a></li>
		    <li>
		      <a href="#" aria-label="Next">
		        <span aria-hidden="true">&raquo;</span>
		      </a>
		    </li>
		  </ul>
		</nav>
		
		
		<!--
        	作者：13616045651@163.com
        	时间：2017-04-03
        	描述：备忘录和管理员密码验证 模态框
        -->
		</div>
				<div>
			<button id="btnM" type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
			 	 Launch demo modal
			</button>
		</div>
		

		<!-- Modal -->
		<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		  <div class="modal-dialog" role="document">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
		      </div>
		      <div class="modal-body">
		        <form>
		          <div class="form-group">
		            <label for="recipient-name" class="control-label">MangerKEY：</label>
		            <input type="text" class="form-control" name="MangerKEY">
		          </div>
		        </form>
		      </div>
		      <div class="modal-footer">
		        <button type="button" class="btn btn-primary">提交</button>
		      </div>
		    </div>
		  </div>
		</div>

		
		
		<!-- Modal -->
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		  <div class="modal-dialog" role="document">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
		      </div>
		      <div class="modal-body">
		        <form>
		          <div class="form-group">
		            <label for="recipient-name" class="control-label">客户ID：</label>
		            <input type="text" class="form-control" name="Cid">
		          </div>
		          <div class="form-group">
		            <label for="recipient-name" class="control-label">提醒时间：</label>
		            <input type="date" class="form-control" name="warnTime" min="">
		          </div>
		          <div class="form-group">
		            <label for="message-text" class="control-label">具体事项：</label>
		            <textarea rows="4" class="form-control" name="Content"></textarea>
		          </div>
		        </form>
		      </div>
		      <div class="modal-footer">
		        <button type="button" class="btn btn-primary">提交</button>
		      </div>
		    </div>
		  </div>
		</div>
		
	</body>
	<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    	<script src="../../js/bootstrap.min.js"></script>
</html>